<script setup>
import { ElTabs, ElTabPane, ElCard } from 'element-plus';
import NewsList from './NewsList.vue';
import { ref } from 'vue'

const activeName = ref('0')
</script>
<template>
<el-card class="flex-1">
  <el-tabs v-model="activeName" class="demo-tabs">
    <el-tab-pane label="游戏资讯" name="0">
      <news-list />
    </el-tab-pane>
    <el-tab-pane label="攻略分享" name="1">
      <news-list />
    </el-tab-pane>
    <el-tab-pane label="创作中心" name="2">
      <news-list />
    </el-tab-pane>
    <el-tab-pane label="BUG反馈" name="3">
      <news-list />
    </el-tab-pane>
    <el-tab-pane label="交流分享" name="4">
      <news-list />
    </el-tab-pane>
  </el-tabs>
</el-card>
</template>